<template>
  <div class="lix-hel__container">
    <div class="lix-help__title">
      {{ title }}
    </div>
    <div class="lix-help__content" v-html="content">
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      title: '',
      content: ''
    }
  },
  created () {
    this.getContent()
  },
  methods: {
    getContent () {
      const helpId = this.$route.params.id
      this.axios.get('/help/' + helpId, {
        headers: { FaseMode: false }
      }).then(res => {
        console.log(res)
        this.title = res.data.title
        this.content = res.data.content
      }).catch(e => {
        console.log(e)
      })
    }
  }
}
</script>

<style lang="less">
.lix-hel__container {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
  padding: 24px 18px 0 17px;

  & .lix-help__title {
    font-size: 19px;
    color: #3f3f3f;
    font-weight: 900;
  }

  & .lix-help__content {
    padding-top: 10px;
    line-height: 25px;
    font-size: 15px;
    color: #727272;
  }
}
</style>
